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Abstract. We study methods for drawing trees with perfect angular resolution, 
i.e., with angles at each vertex, v, equal to 2n/d(v). We show: 

1. Any unordered tree has a crossing-free straight-line drawing with perfect 
angular resolution and polynomial area. 

2. There are ordered trees that require exponential area for any crossing-free 
straight-line drawing having perfect angular resolution. 

3. Any ordered tree has a crossing-free Lombardi-style drawing (where each 
edge is represented by a circular arc) with perfect angular resolution and 
polynomial area. 

Thus, our results explore what is achievable with straight-line drawings and what 
more is achievable with Lombardi-style drawings, with respect to drawings of 
trees with perfect angular resolution. 

1 Introduction 

Most methods for visualizing trees aim to produce drawings that meet as many of the 
following aesthetic constraints as possible: 

1. straight-line edges, 

2. crossing-free edges, 

3. polynomial area, and 

4. perfect angular resolution around each vertex. 

These constraints are all well-motivated, in that we desire edges that are easy to follow, 
do not confuse viewers with edge crossings, are drawable using limited real estate, and 
avoid congested incidences at vertices. Nevertheless, previous tree drawing algorithms 
have made various compromises with respect to this set of constraints; we are not aware 
of any previous tree-drawing algorithm that can achieve all these goals simultaneously. 
Our goal in this paper is to show what is actually possible with respect to this set of 
constraints and to expand it further with a richer notion of edges that are easy to fol- 
low. In particular, we desire tree-drawing algorithms that satisfy all of these constraints 
simultaneously. If this is provably not possible, we desire an augmentation that avoids 
compromise and instead meets the spirit of all of these goals in a new way, which, in 
the case of this paper, is inspired by the work of artist Mark Lombardi fTT) . 
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Problem Statement. The art of Mark Lombardi involves drawings of social networks, 
typically using circular arcs and good angular resolution. Figure[T]shows such a work of 
Lombardi that is crossing-free and almost a tree. Note that it makes use of both circular 
arcs and straight-line edges. Inspired by this work, let us define a set of problems that 
explore what is achievable for drawings of trees with respect to the constraints listed 
above but that, like Lombardi's drawings, also allow curved as well as straight edges. 




Fig. 1: Mark Lombardi, Pat Robertson, Beurt Servaas, and the UPI Takeover Battle, 
ca. 1985-91, 2000 (17). 

Given a graph G = {V.E), let d(u) denote the degree of a vertex u, i.e., the number 
of edges incident to u in G. For any drawing of G, the angular resolution at a vertex u 
is the minimum angle between two edges incident to u. A vertex has perfect angular 
resolution if its minimum angle is 2n/d(u), and a drawing has perfect angular resolu- 
tion if every vertex does. Drawings with perfect angular resolution cannot be placed on 
an integer grid unless the degrees of the vertices are constrained, so we do not require 
vertices to have integer coordinates. We define the area of a drawing to be the ratio of 
the area of a smallest enclosing circle around the drawing to the square of the distance 
between its two closest vertices. 

Suppose that our input graph, G, is a rooted tree T. We say that T is ordered if 
an ordering of the edges incident upon each vertex in T is specified. Otherwise, T 
is unordered. If all the edges of a drawing of T are straight-line segments, then the 
drawing of T is a straight-line drawing. We define a Lombardi drawing of a graph G 
as a drawing of G with perfect angular resolution such that each edge is drawn as a 
circular arc. When measuring the angle formed by two circular arcs incident to a vertex 
v, we use the angle formed by the tangents of the two arcs at v. Circular arcs are strictly 
more general than straight-line segments, since straight-line segments can be viewed as 
circular arcs with infinite radius. Figure [2] shows an example of a straight-line drawing 
and a Lombardi drawing for the same tree. Thus, we can define our problems as follows: 

1. Is it always possible to produce a straight-line drawing of an unordered tree with 
perfect angular resolution and polynomial area? 

2. Is it always possible to produce a straight-line drawing of an ordered tree with 
perfect angular resolution and polynomial area? 

3. Is it always possible to produce a Lombardi drawing of an ordered tree with perfect 
angular resolution and polynomial area? 
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(a) Straight-line drawing for an unordered tree (b) Lombardi drawing for an ordered tree 



Fig. 2: Two drawings of a tree T with perfect angular resolution and polynomial area as 
produced by our algorithms. Bold edges are heavy edges, gray disks are heavy nodes, 
and white disks are light children. The root of T is in the center of the leftmost disk. 



Related Work. Tree drawings have interested researchers for many decades: e.g., hierar- 
chical drawings of binary trees date to the 1970's |23 1. Many improvements have been 
proposed since this early work, using space efficiently and generalizing to non-binary 
trees [2,5, 12-14,20-22]. These drawings do not achieve all the constraints mentioned 
above, however, especially the constraint on angular resolution. 

Alternatively, several methods strive to optimize angular resolution of trees. Radial 
drawings of trees place nodes at the same distance from the root on a circle around the 
root node flO) . Circular tree drawings are made of recursive radial-type layouts [19|. 
Bubble drawings JT5) draw trees recursively with each subtree contained within a circle 
disjoint from its siblings but within the circle of its parent. Balloon drawings [ 18] take 
a similar approach and heuristically attempt to optimize space utilization and the ratio 
between the longest and shortest edges in the tree. Convex drawings [4| partition the 
plane into unbounded convex polygons with their boundaries formed by tree edges. 
Although these methods provide several benefits, none of these methods guarantees 
that they satisfy all of the aforementioned constraints. 

The notion of drawing graphs with edges that are circular arcs or other nonlinear 
curves is certainly not new to graph drawing. For instance, Cheng et al. [6| used circle 
arcs to draw planar graphs in an 0(n) x 0(n) grid while maintaining bounded (but 
not perfect) angular resolution. Similarly, Dickerson et al. (7} use circle-arc polylines 
to produce planar confluent drawings of non-planar graphs, Duncan et al. |8| draw 
graphs with fat edges that include circular arcs, and Cappos et al. 1 3 1 study simultaneous 
embeddings of planar graphs using circular arcs. Finkel and Tamassia JTT) use a force- 
directed method for producing curvilinear drawings, and Brandes and Wagner [1] use 
energy minimization methods to place Bezier splines that represent express connections 
in a train network. In a separate paper [9] we study Lombardi drawings for classes of 
graphs other than trees. 



Our Contributions. In this paper we present the first algorithm for producing straight- 
line, crossing-free drawings of unordered trees that ensures perfect angular resolution 
and polynomial area. In addition we show, in Section[3] that if the tree is ordered (i.e., 
given with a fixed combinatorial embedding) then it is not always possible to maintain 
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perfect angular resolution and polynomial drawing area when using straight lines for 
edges. Nevertheless, in Section [4] we show that crossing-free polynomial-area Lom- 
bardi drawings of ordered trees are possible. That is, we show that the answers to the 
questions posed above are "yes," "no," and "yes," respectively. 

2 Straight-line drawings for unordered trees 

Let T be an unordered tree with n nodes. We wish to construct a straight-line drawing 
of T with perfect angular resolution and polynomial area. 

The main idea of our algorithm is, similarly to the common bubble and balloon tree 
constructions fT5][T8| , to draw the children of each node of the given tree in a disk 
centered at that node; however, our algorithm differs in several key respects in order to 
achieve the desired area bounds and perfect angular resolution. 

2.1 Heavy Path Decomposition 

The initial step before drawing the tree T is to create a heavy path decomposition ]T6) 
of T. To make the analysis simpler, we assume T is rooted at some arbitrary node r. 
We let T u represent the subtree of T rooted at u, and \T U \ the number of nodes in T u . A 
node c is the heavy child of u if \T C \ > \T V \ for all children v of u. In the case of a tie, we 
arbitrarily designate one node as the heavy child. We refer to the non-heavy children as 
light and let L(u) denote the set of all light children of u. The light subtrees of u are the 
subtrees of all light children of u. We define l(u) = 1 + YtveLCu) \^v\ to be the light size 
of u. An edge is called a heavy edge if it connects a heavy child to its parent; otherwise 
it is a light edge. The set of all heavy edges creates the heavy-path decomposition of 
T, a disjoint set of (heavy) paths where every node in T belongs to exactly one path, 
see Figure [3] The heavy path decomposition has the following interesting property. If 
we treat each heavy path as a node, and each light edge as connecting two heavy-path 
nodes, we obtain a tree H{T). This tree has height h(T) < log 2 « since the size of each 
light child is less than half the size of its parent. We refer to the level of a heavy path as 
the depth of the corresponding node in the decomposition tree, where the root has depth 
0. We extend this notion to nodes, i.e., the level of a node v is the level of the heavy path 
to which v belongs. 

2.2 Drawing Algorithm 

Our algorithm draws T incrementally in the order of a depth-first traversal of the corre- 
sponding heavy-path decomposition tree H(T), i.e., given drawings of the lower-level 
heavy paths (the light children and their descendents) connected to a heavy path P in 
H(T) we construct a drawing of P and its subtrees. Let P = (vi, . . . , Vfc) be a heavy path. 
Then we draw each node v; of P in the center of a disk D, and place smaller disks con- 
taining the drawings of the light children of v; and their descendents around v, in two 
concentric annuli of D,-. We guarantee perfect angular resolution at v; by connecting 
the centers of the child disks with appropriately spaced straight-line edges to Vj. Next, 
we create the drawing of P and its descendents within a disk D by placing D\ in the 
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Fig. 3: The tree T on the left highlights its heavy edges. The corresponding heavy-path 
decomposition tree H(T) on the right has each heavy path represented by a single node. 



center of D and D2, ■ ■ ■ ,D* on concentric circles around D\ . We show that the radius of 
D is linear in the number n{P) of nodes descending from P and exponential in the level 
of P. In this way, at each step downwards in the heavy path decomposition, the total 
radius of the disks at that level shrinks by a constant factor, allowing room for disks at 
lower levels to be placed within the higher-level disks. Figure [2a] shows a drawing of an 
unordered tree according to our method. 

Before we can describe the details of our construction we require the following 
simple geometric property. We define an (R, 8)-wedge, 8 < % as a sector of angle 8 of 
a radius-/? disk, see Figure [4] 

Lemma 2.1. The largest disk that fits inside an (R,8)-wedge has radius r = R 1+^(8/2) ' 

Proof. The largest disk inside the (R, 8) -wedge touches the circular arc and both radii 
of the wedge. Thus we immediately obtain a right triangle formed by the apex of the 
wedge, the center of the disk we want to fit, and one of its tangency points with the 
two radii of the wedge, see Figure |4] This triangle has one side of length r and the 
hypothenuse of length R — r. From sin(5/2) = -^- r we obtain r = R ^'y^L . □ 




In the next lemma we show how to draw a single node v of a heavy path P given 
drawings of all its light subtrees. 



6 Duncan, Eppstein, Goodrich, Kobourov, and Nollenburg 



Lemma 2.2. Let v be a node of T at level j of H{T) with degree d(v) > 2 and two 
incident heavy edges. For each light child u € L(v) assume there is a disk D u of radius 
r u =2- % h ( T )~j~ 1 1 T u | that contains a fixed drawing of T u with perfect angular resolution 
and such that u is in the center ofD u . Then we can construct a drawing ofv and its light 
subtrees inside a disk D such that the following properties hold: 

1. the edge between v and any light child u £ L(y) is a straight-line segment that does 
not intersect any disk other than D u ; 

2. the heavy edges do not intersect any disk D u ; 

3. any two disks D u and D u i for u' are disjoint; 

4. the angular resolution ofv is 2%jd(y); 

5. the angle between the two heavy edges is at least 2% /3 and at most 47T/3; 

6. the disk D has radius r v = 8 h ( T ^~H(v). 

Proof. We assume that the heavy edge to the parent of v is directed horizontally to the 
left. We draw a disk D with radius r v centered at v and create d[y) spokes, i.e., rays 
extending from v including the fixed heavy edge and being equally spaced by an angle 
of 2n/d(v). Obviously, every neighbor of v must be placed on a distinct spoke in order 
to satisfy properties 3 and 4. The main difficulty is that there can be child disks that are 
too large to place without overlap on adjacent spokes inside D. 

Let Z) max be the largest disk D u of any u € L(v) and let r max be its radius. We 
split D into an outer annulus A and an inner disk B by a concentric circle of radius 
R = r v — 2r max , see Figure[5] We define a child u G L(v) to be a small child, if its radius 

r u < R i+sin(7tfd(l)) ' an< ^ to ^ e a ^ ar S e child otherwise. We further say D u is a small 
(large) disk if u is a small (large) child. We denote the number of small children as n s 



and the number of large children as n\. By Lemma 2.1 we know that any small disk D u 
can be placed inside an (R,2K / d(v))- wedge. This means that we can place all n s small 
disks on any subset of n s spokes inside B without violating property[3] So once we have 
placed all large disks correctly then we can always distribute the small children on the 
unused spokes. 

We place all large disks in the outer annulus A. Observe that 
4 £ r u = 4 £ 2.8*W->- 1 |r B |=8*( r >-' £ \T U \ < 8^/(v) = r v , 

«GL(v) mGL(v) mGL(v) 

i.e., we can place all light children on the diameter of a disk of radius at most r v /4. If 
we order all light children along that diameter by their size we can split them into one 



disk containing the large disks and one containing the small disks, see Figure 5a 



Assume that the large disks are arranged on the horizontal diameter of their disk 



and that this disk is placed vertically above v and tangent to D as shown in Figure 5a 



Since that disk has radius at most r v /4 we can use Lemma 2.1 to show that it always fits 
inside an (r v , 7r/4)-wedge. If we now translate the large disks vertically upward onto a 
circle centered at v with radius r v — r max then they are still disjoint and they all lie in 
the intersection of A and the (r V) n /A) -wedge. We now rotate them counterclockwise 
around v until the leftmost disk D max touches the horizontal heavy edge. Thus all large 
disks are placed disjointly inside a 7r/4-sector of A. However, they are not centered on 
the spokes yet. 
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Beginning from the leftmost large disk, we rotate each large disk D u and all its right 
neighbors clockwise around v until D u snaps to the next available spoke. Clearly, in 
each of the n/ steps we rotate by at most 2n/d(v) in order to reach the next spoke. 

We now bound the number «/ of large children. By definition a child is large if r u = 

2 . sKT)-j- 1 1 Tu | > {rv _ 2rmax ) [ g|ML . we also have r v J LueL(v) | Tu \ . Let w 

be the light child of v with maximum disk radius r w = r max . Then r w = 2 ■ 8 ft ( r '~- /_1 \T W \ 
and hence r v - 2r max > 4 • 8 h ( T )-J- 1 (2£„ GL(v) \T U \ - \T W \). So for a light child « to be 

large its subtree T u has to contain \T U \ > 2- (2^ l(ei(v) |r„| - 1^1)^^^ nodes. This 
yields 

n < L«gL(v)l r »|-| r n'l < 1 l + sin(;r/rf(v)) 

L l z .L«€L(v)|-'w| i+sin(7r/rf(v)) V ' w/ 

From this we obtain that for <i(v) > 5 we have «; < 3J(v)/8. So for <i(v) > 5 we 
can always place all large disks correctly on spokes inside at most half of the outer 
annulus A since we initially place all large disks in a ^/4-wedge and then enlarge that 
wedge by at most 3J(v)/8 • 2%jd(y) = 3n/4 radians. For d(v) — 2 there are no light 
children, for d(v) = 3 we immediately place the single light child on its spoke without 
intersecting the two heavy edges, and for d(v) = 4 we place the two light children on 
opposite vertical spokes separated by the two heavy edges, which does not produce any 
intersections either. 

Since we require at most half of A to place all large children, we can assign the 
remaining heavy edge to the spoke exactly opposite of the first heavy edge if d(v) is 
even. If d(v) is odd, we choose one of the two spokes whose angle with the fixed heavy 
edge is closest to %. Finally, we arbitrarily assign the n s small children to the remaining 
free spokes inside the inner disk B. 

By construction the drawing for v and its light subtrees obtained in this way satisfies 
properties 1-6. □ 
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(a) Placing disks in vertical strips. (b) Final transformation of the drawing. 

Fig. 6: Constructing the heavy path drawing by appending drawings of its heavy nodes. 



Lemma 2.2 shows how to draw a single heavy node v and its light subtrees. It also 
applies to the root of T if we ignore the incoming heavy edge, and to the root node v\ 
of a heavy path P = (vi, . . . , v*) at level I > 1 if we consider the light edge uv\ to its 
parent u as a heavy edge for Vi. We note that the last node \\ of P is always a leaf that 
is trivial to draw. For drawing an entire heavy path P = (vj, . . . , v^) we need to link the 
drawings of the heavy nodes into a path. 

Lemma 2.3. Given a heavy path P = (vi,...,vjt) and a drawing for each v; and its 
light subtrees inside a disk D, of radius r,-, we can draw P and all its descendents inside 
a diskD such that the following properties hold: 

1. the heavy edge V/Vf+i is a straight-line segment that does not intersect any disk 
other than Di and Dj+i," 

2. the light edge connecting v\ and its parent does not intersect the drawing ofP; 

3. any two disks Di and Dj for i ^ j are disjoint; 

4. the drawing has perfect angular resolution; 

5. the radius r ofD is r — 2£* =1 r,-. 

Proof. Let vi be the root of P and let u be the parent of vi (unless P is the heavy 
path at level 0). We place the disk D\ at the center of D and assume that the edge uv\ 
extends horizontally to the left. We create k — 1 vertical strips S2, ... ,"S& to the right of 
D\, each 5, of width 2r,, see Figure [6a] Each disk D, will be placed inside its strip S 1 /. 
So from V] we extend the ray induced by the stub reserved for the heavy edge V1V2 
until it intersects the vertical line bisecting S2. We place V2 at this intersection point. By 
property [5]of Lemma |2.2| we know that the angle between the two heavy edges incident 
to a heavy node is between 2n/3 and An/3. Thus V2 is inside a right-open 27r/3-wedge 
W that is symmetric to the x-axis. Now for / = 2, . . . ,k we extend from V; the stub of 
the heavy edge v,v I+ i into a ray and place v,-+i at the intersection of that ray and the 
bisector of Since at each v,- we can either place D, or its mirror image we know 
that one of the two possible rays stays within W. 

Since each disk D, is placed in its own strip Si no two disks intersect (property [3J 
and since heavy edges are straight-line segments within two adjacent strips they do not 
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intersect any non-incident disks (property [TJ. The light edge uv\ is completely to the left 
of all strips and thus does not intersect the drawing of P (property El. Since we were 
using the existing drawings (or their mirror images) of all heavy nodes, their perfect 
angular resolution is preserved (property 01. 

The current drawing has a width that is equal to the sum of the diameters of the disks 
Di,.., ,Di<. However, it does not yet necessarily fit into a disk D centered at v\ whose 
radius equals that sum of the diameters. To achieve this we create £—1 annuli A2, ■ ■ ■ ,Ak 
centered around vi, each A,- of width 2r,. Then from i = 2, . . . ,k we either shorten or 



extend the edge v,_iv, until Dj is contained in its annulus A,-, see Figure 6b At each 



step i we treat the remaining path (v,-, . . . , v^) and its disks D,-, ...,£)£ as a rigid structure 



that is translated as a whole, see the translation vectors indicated in Figure 6b In the 
end, each disk D, is contained in its own annulus A, and thus all disks are still pairwise 
disjoint. Since we only stretch or shrink edges of an x-monotone path but do not change 
any edge directions, the whole transformation preserves the previous properties of the 
drawing. Clearly, all disks now lie inside a disk D of radius r = r\ + 2 £4=2 r i — 2 L?=i r i 
(property[5]). □ 



Combining Lemmas 2.2 and 2.3 we now obtain the following theorem: 



Theorem 2.4. Given an unordered tree T with n nodes we can find a crossing-free 
straight-line drawing of T with perfect angular resolution that fits inside a disk D of 
radius 2 ■ 8 h ^n, where h(T) is the height of the heavy-path decomposition ofT. Since 
h(T) < log 2 « the radius ofD is no more than 2« 4 . 



Proof. From Lemma 2.2 we know that for each node v of a heavy path P at level j 



the radius of the disk D containing v and all its light subtrees is r v — ■'Z(v). So 



if P — (vi,...,Vk) Lemma 2.3 yields that P and all its descendents can be drawn in a 
disk of radius r = 2£f =1 r Vj = 2 ■ 8 /, < r ^-'^ =1 l{v t ) = 2 ■ 8 ll ^- j n(P), where n(P) is the 
number of nodes of P and its descendents. This holds, in particular, for the heavy path 
P at the root of H(T), which proves the theorem. □ 



3 Straight-line drawings for ordered trees 

In many cases, the ordering of the children around each vertex of a tree is given; that 
is, the tree is ordered (or has a fixed combinatorial embedding). In the previous section 
we rely on the freedom to order subtrees as needed to achieve a polynomial area bound. 
Hence that algorithm cannot be applied to ordered trees with fixed embeddings. As we 
now show, there are ordered trees that have no straight-line crossing-free drawings with 
polynomial area and perfect angular resolution. 

Specifically we present a class of ordered trees for which any straight-line crossing- 
free drawing of the tree with perfect angular resolution requires exponential area. Fig- 
ure 7a shows a caterpillar tree, which we call the Fibonacci caterpillar because of its 
simple behavior when required to have perfect angular resolution. This tree has as its 
spine a fc-vertex path, each vertex of which has 3 additional leaf nodes embedded on 
the same side of the spine. When drawn with straight-line edges, no crossings, and with 
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Fig. 7: (a) A Fibonacci caterpillar; (b) Lombardi drawing; (c) Straight-line drawing with 
perfect angular resolution and exponential area. 



perfect angular resolution, the caterpillar is forced to spiral (a single or a double spi- 
ral). The best drawing area, exponential in the number of vertices in the caterpillar, is 
achieved when the caterpillar forms a symmetric double spiral; see Figure [7c] 

The Fibonacci caterpillar shows that we cannot maintain all constraints (straight- 
line edges, crossing-free, perfect angular resolution, polynomial area) for ordered trees. 
However, as we show next, using circular arcs instead of straight-line edges allows us 



to respect the remaining three constraints. See, for example, Figure 7b 



4 Lombardi drawings for ordered trees 

In this section, let T be an ordered tree with n nodes. As we have seen in Section[3] we 
cannot find polynomial area drawings for all ordered trees using straight-line edges. An 
augmentation of the straight-line edge requirement is the use of circular arcs as edges. 
Circular arcs are curves that are not only still easy to follow visually but they also let 
us achieve all remaining three constraints, i.e., we can find crossing-free circular arc 
drawings with perfect angular resolution and polynomial area. We call a drawing with 
circular arcs and perfect angular resolution a Lombardi drawing, so in other words we 
aim for crossing-free Lombardi drawings with polynomial area. 

The flavor of the algorithm for Lombardi tree drawings is similar to our straight- 
line tree drawing algorithm of Section|2] We first compute a heavy-path decomposition 
H(T) for T. Then we recursively draw all heavy paths within disks of polynomial area. 
Unlike before, we need to construct the drawing in a top-down fashion since the place- 
ment of the light children of a node v now depends on the curvature of the two heavy 
edges incident to v. 

Our construction in this section uses the invariant that a heavy path P at level j is 
drawn inside a disk D of radius 2-A h ^~^n(P), where n(P) = \ T r \ for the root v of P. 



4.1 Drawing heavy paths 

Let P = (vi, . . . , Vfc) be a heavy path at level j of the heavy-path decomposition that is 
rooted at the last node vj. We denote each edge v,v,-+i by e,. Recall that the angle in an 
intersection point of two circular arcs is measured as the angle between the tangents to 
the arcs at that point. We define the angle Oc(v,-) for 2 < i < k— 1 to be the angle between 
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<?,_i and <?,■ in node v, (measured counter-clockwise). The angle oc(vfc) is defined as the 
angle in between e^-i and the light edge e = v^u connecting the root v# of P to its 
parent u. Due to the perfect angular resolution requirement for each node v,-, the angle 
a{v{) is obtained directly from the number of edges between e,_i and e, and the degree 

d{Vi). 

Lemma 4.1. Given a heavy path P = (vi , . . . , Vk) and a disk D[ of radius r; for the 
drawing of each v, and its light subtrees, we can draw P with each v; in the center of its 
disk Di inside a large disk D such that the following properties hold: 

1. each heavy edge e; is a circular arc that does not intersect any disk other than Di 
and D,-+i; 

2. there is a stub edge incident to Vk that is reserved for the light edge connecting Vk 
and its parent; 

3. any two disks Di and Dj for i j are disjoint; 

4. the angle between any two consecutive heavy edges e,_i and e; is GC(Vj); 

5. the radius r ofD is r = 2£*_j r,-. 

Proof. We draw P incrementally starting from the leaf v\ by placing Di in the center 
M of the disk D of radius r = 2£f =1 r t . We may assume that D\ is rotated such that the 
edge e\ is tangent to a horizontal line at Vj and that it leaves v'i to the right. All disks 
D2,---,Di l will be placed with their centers V2,. .. ,v# on concentric circles C2, ■ ■ ■ ,Q 
around M. The radius of C; is r\ + 2£^l 1 2 r / - + r i so tr| at and D\ are placed in 
disjoint annuli and hence by construction no two disks intersect (property 13}. Each disk 
Di will be rotated around its center such that the tangent to C, at v,- is the bisector of the 
angle a(v,). 

We now describe one step in the iterative drawing procedure that draws edge e,- and 
disk Dj+i given a drawing of Di, . . . ,D,-. Disk D, is placed such that C, bisects the angle 
oc(vj) and hence we know the tangent of e, at v, . This defines a family J?, of circular 
arcs emitted from v, that intersect the circle Q+i, see Figure [8] We consider all arcs 
from Vj until their first intersection point with Q+i . Observe that the intersection angles 
of &i and C I+ i bijectively cover the full interval [0,Jr], i.e., for any angle a € [0,?r] 
there is a unique arc in that has intersection angle a with Q+j. Hence we choose 
for e, the unique circular arc that realizes the angle a (v;+i) /2 and place the center v I+ i 
of Dj + \ at the endpoint of e,. We continue this process until the last disk D^ is placed. 
This drawing of P realizes the angle Oj(Vj) between any two heavy edges e,_i and e,- 
(property [4]). Note that for the edge from v& to its parent we can only reserve a stub 
whose tangent at v# has a fixed slope (property |2j. Figure 10 shows an example. 



Note that each edge e, is contained in the annulus between C, and C,+i and thus 
does not intersect any other edge of the heavy path or any disk other than D, and D, + 1 
(property [Tji. Furthermore, the disk D with radius r = 2£^ =1 r, indeed contains all the 
disks D\,...,Dk (property [5V □ 



Lemma [4T| shows how to draw a heavy path P with prescribed angles between the 
heavy edges and an edge stub to connect it to its parent. Since each heavy path P (except 
the path at the root of H(T)) is the light child of a node on the previous level of H(T) 
that light edge is actually drawn when placing the light children of a node, which we 
describe next. 
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Fig. 8: Any angle a G [0, n] can be real- Fig. 9: Placing a single disk D 1 in the ex- 
ized. tended small zone of D, (shaded gray). 




Fig. 10: Drawing a heavy path P on concentric circles with circular-arc edges. The an- 
gles a{vi) are marked in gray; the edge stub to connect v 7 to its parent is dotted. 

4.2 Drawing light children 

Once the heavy path P is drawn as described above, it remains to place the light children 
of each node v, of P. For each node v,- the two heavy edges incident to it partition the 
disk Di into two regions. We call the region that contains the larger conjugate angle the 
large zone of v, and the region that contains the smaller conjugate angle the small zone. 
If both angles equal n, then we can consider both regions small zones. 

For a node v, at level j of H(T) we define the radius r, of D, as r, = 4 h ( T 'j(l + 
E«ei(vO \T U \) =4 h{Tyj l{vi). All light children of v, are at level j+l of H(T) and thus 
by our invariant every light child u of v ( - is drawn in a disk of radius r u = 2-4 h ^~j~ 1 \T u \. 
Thus we know that r u < r,-/2; in fact, we even have Y,ueL(vi) r u < n/2. 

Light children in the small zone. Depending on the angle a(v,), the small zone of a disk 
Di might actually be too narrow to directly place the light children in it. Fortunately, we 
can always place another disk D' of radius at most r, /2 in an extension of the small zone 
along the annulus of D, in the drawing of P such that D 1 touches e,_i and e, and does 
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not intersect any other previously placed disk, see Figure [9] If there is a single child u 
in the small zone then D' = D u and we are done. The next lemma shows how to place 
more than one child. 

Lemma 4.2. If a single disk D' of radius i 3 can be placed in the possibly extended small 
zone of the disk Di, then we can correctly place any sequence of I disks D\ , . . . with 
radii r[ , . . . , and Yli=i r ! = r ' ' n tne ( extended) small zone ofD[. 

Proof. The idea of the algorithm for placing the / disks is to first place the disk D' in 
the small zone as before. The disks D' l) ...,D' l will then be placed within D' so that no 
additional space is required. 

In the first step of the recursive placement algorithm we either place D\ or D\ 
(whichever has smaller radius) and a disk D" containing the remaining sequence of 
disks D' 2 , . . . ,£>', or D i , . . . ,-D/_i> respectively. Without loss of generality, let r\ < 
and thus in particular r'j < r'/2. In order to fit inside D' the disks D[ and D" must be 
placed with their centers on a diameter of D', see Figure [TTfc . The degree of freedom 
that we have is the rotation of that diameter around the center of D'. Then the locus of 
the tangent point of D\ and D" is a circle C of radius r 1 — 2r'j around the center of D\ 
see Figure lib. There are exactly two circular arcs a i and a^ tangent to C that are also 
tangent to v, with the slope required for the edge to D\ . Let the two points of tangency 
on C be p\ and p2- Now we rotate D\ and D" such that their point of tangency coincides 
with either p\ or p2 depending on which of them yields the correct embedding order 
of Dj and D" around v,. Clearly, a\ or «2 are also tangent to D\ and D" now. Assume 
we choose p\ and the corresponding arc a\ as in Figure [Tip. Then we can connect any 
point in D\ to v, with the unique circular arc of the required slope in v, . We will describe 
the exact placement of that arc later. Any such edge clearly stays inside the horn-shaped 
region that encloses D\ and is formed by a boundary arc of the small zone and a\ . Since 
a\ separates D\ from D", neither the new edge nor D\ can interfere with any of the 
disks D' 2 , . . . ,D'i and their respective edges as long as they stay inside D" or connect to 
points in D" . 

For placing D^, .. . ,D', we recursively apply the same procedure again, now using 
D" as the disk D' and a\ as one of the boundary arcs. Then after I steps, we have 
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disjointly placed all disks D\, . . . ,D'[ inside the disk D' such that their order respects the 
given tree order and no two edges intersect. Figure [TT]: gives an example. 

Note that we require that the edges e,_i and <?,■ are tangent to D', which is possible 
only for an opening angle a of the small zone of at most %. For any angle a<% the arcs 
a\ and ai always stay within the extended small zone and form at most a semi-circle. 
This does not hold for a > n. □ 



Light children in the large zone. Placing the light children of a vertex v, in the large 
zone of Di must be done slightly different from the algorithm for the small zone since 
Lemma 4.2 holds only for opening angles of at most %. On the other hand, the large 
zone does not become too narrow and there is no need to extend it beyond £),-. Our 
approach splits the large zone into two parts that again have an opening angle of at 
most % so that we can apply Lemma 4.2 and draw all children accordingly. 

Let / be the number of light children in the large zone of £),-. We first place a disk 
D' of radius at most r,/2 such that it touches v, and such that its center lies on the line 
bisecting the opening angle of the large zone. The disk D' is large enough to contain 
the disjoint disks D[,...,D' l for the light children of V; along its diameter. We need to 
distinguish whether I is even or odd. For even I we create a container disk D'[ for disks 



D\,... and a container disk D" for D\ 



1/2+V 



packed on the diameter of D'. Using a similar argument as in Lemma 4.2 



,D' V Now D'[ and D" can be tightly 
we separate 



the two disks by a circular arc through V; that is tangent to the bisector of Of(Vj) in v,-. 
Since D' is centered on the bisector this is possible even though the actual opening angle 
of the large zone is larger than n. If / is odd, we create a container disk D" for disks 



D'...,D\ 



and a container disk D 2 ' for D^ 2 ^ +p 



D',. The median disk D' r , Mn is 



not included in any container. Then we apply Lemma 4.2 to D' and the three disks 
D" ,D|-j , 2 -, ,Z>2 along the diameter of D' , see Figure 12 1. The separating circular arcs in 



v, are again tangent to the bisector of Ot(v/), which is, since / is odd, also the correct 
slope for the circular arc connecting v, to the median disk Oj-j/j] . 

In both cases we split the large zone and the sequence of light children to be placed 
into two parts that each have an opening angle at v, of at most % between a separating 
circular arc and the edge e,-_ i or e,, respectively. Next, we move D'[ and D 2 ' along the 
separating circular arcs keeping their tangencies until they also touch the edge e,_i or 
e,-, respectively. Then we can apply Lemma 4.2 to both container disks and thus place 
all light children in the large zone, see Figure 12 3. 



Drawing light edges The final missing step is how to actually connect a heavy node v, 
to its light children given a position of v, and positions of all disks containing its light 
subtrees. Let u be a light child of v, and let D u be the disk containing the drawing of T u . 
When placing the disk D u in the small or large zone of v, we made sure that a circular 
arc from v, with the tangent required for perfect angular resolution at v,- can reach any 
point inside D u without intersecting any other edge or disk. 

On the other side, we know by Lemma 4. 1 that u is placed in the outermost annulus 
of D u and that it has a stub for the edge e — uvj. This stub is the required tangent for e 
in order to obtain perfect angular resolution in u. Let C u be the circle that is the locus of 
u if we rotate D u and the drawing of T u around the center of D„. 



Drawing Trees with Perfect Angular Resolution and Polynomial Area 



15 




There is again a family of circular arcs with the correct tangent in u that lead 
towards D u and intersect the circle C u . As observed in Lemma |4~T| the intersection angles 
formed between & and C u bijectively cover the full interval [0, n], i.e., for any angle 
a £ [0, k] there is a unique circular arc in & that has an intersection angle of a with 
C„. In order to correctly attach u to v, we first choose the arc a in & that realizes an 
intersection angle of a(u)/2 with C u , where a(u) is the angle between e and the heavy 
edge from u to its heavy child that is required for perfect angular resolution in u. Let p 
be the intersection point of that arc with C u . Then we rotate D u and the drawing of T u 
around the center of D„ until u is placed at p, see node vq in Figure [10] Since the stub 
of u for e also has an angle of a(u) /2 with C u , the arc a indeed realizes the edge e with 
the angles in both u and v,- required for perfect angular resolution. Furthermore, a does 
not enter the disk bounded by C u and hence it does not intersect any part of the drawing 
of T u other than u. 

We can summarize our results for drawing the light children of a node as follows: 

Lemma 4.3. Let v be a node of T at level j of H(T) with two incident heavy edges. 
For every light child u £ L(v) assume there is a disk D u of radius r u = 2- 4 ft ^ _ -' _1 \T„\ 
that contains a fixed drawing of T u with perfect angular resolution and such that u is 
exposed in the outer annulus of D u . Then we can construct a drawing of v and its light 
subtrees inside a disk D, potentially with an extended small zone, such that the following 
properties hold: 

1. the edge between v and any light child u £ L(y) is a circular arc that does not 
intersect any disk other than D u ; 

2. the heavy edges do not intersect any disk D u ; 

3. any two disks D u and D u i for u ^ u! are disjoint; 

4. the angular resolution ofv is 2%jd(y); 

5. the disk D has radius r v — A^'Hiy), 

By combining Lemmas |4. 1 1 and |4~3] we obtain the following theorem: 

Theorem 4.4. Given an ordered tree T with n nodes we can find a crossing-free Lom- 
bardi drawing of T that preserves the embedding of T and fits inside a disk D of ra- 
dius 2-4 h ( T 'n, where h(T) is the height of the heavy-path decomposition ofT. Since 
h{T) < log2« the radius ofD is no more than 2n 3 . 
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Figure [2b] shows a drawing of an ordered tree according to our method. We note 
that instead of asking for perfect angular resolution, the same algorithm can be used 
to construct a circular-arc drawing of an ordered tree with any assignment of angles 
between consecutive edges around each node that add up to 2n. The drawing remains 
crossing-free and fits inside a disk of radius (9(n 3 ). 

5 Conclusion and Closing Remarks 

We have shown that straight-line drawings of trees can be performed with perfect an- 
gular resolution and polynomial area, by carefully ordering the children of each vertex 
and by using a style similar to balloon drawings in which the children of any vertex 
are placed on two concentric circles rather than on a single circle. However, using our 
Fibonacci caterpillar example we showed that this combination of straight lines, perfect 
angular resolution, and polynomial area could no longer be achieved if the children of 
each vertex may not be reordered. For trees with a fixed embedding, Lombardi drawings 
in which edges are drawn as circular arcs allow us to retain the other desirable quali- 
ties of polynomial area and perfect angular resolution. In the appendix we report on 
a basic implementation and some practical improvements of the straight-line drawing 
algorithm. 

Our work opens up new problems in the study of Lombardi drawings of trees, but 
much remains to be done in this direction. In particular, our polynomial area bounds 
seem unlikely to be tight, and our method is impractically complex. It would be of 
interest to find simpler Lombardi drawing algorithms that achieve perfect angular reso- 
lution for more limited classes of trees, such as binary trees, with better area bounds. 

Acknowledgments. This research was supported in part by the National Science Foun- 
dation under grant 0830403, by the Office of Naval Research under MURI grant N00014- 
08-1-1015, and by the German Research Foundation under grant NO 899/1-1. 

References 

[1] U. Brandes and D. Wagner. Using graph layout to visualize train interconnection data. J. 
Graph Algorithms Appl. 4(3): 135-155, 2000, 

http: // jgaa. info/ accepted/00/BrandesWagner00 .4 . 3 .pdf 
[2] C. Buchheim, M. Jiinger, and S. Leipert. Improving Walker's algorithm to run in linear 

time. Proc. 10th Int. Symp. Graph Drawing (GD'02), pp. 344-353. Springer- Verlag, 

LNCS 2528, 2002, |doi:10.1007/3-540-36151-0_32| 
[3] J. Cappos, A. Estrella-Balderrama, J. J. Fowler, and S. G. Kobourov. Simultaneous graph 

embedding with bends and circular arcs. Computational Geometry 42(2): 173-1 82, 2009, 

|doi: 1 0. 1 1 6/j .comgeo.2008.05.003l 
[4] J. Carlson and D. Eppstein. Trees with convex faces and optimal angles. Proc. 14th Int. 

Symp. Graph Drawing (GD'06), pp. 77-88. Springer- Verlag, LNCS 4372, 2007, 

|doi:10.1007/978-3-540-70904-6-9||arXiv:cs.CG/0607113| 
[5] T. Chan, M. T. Goodrich, S. R. Kosaraju, and R. Tamassia. Optimizing area and aspect 

ratio in straight-line orthogonal tree drawings. Computational Geometry 23(2): 153-162, 

2002, doi: 10. 1 1 6/S0925-772 1 (0 1 )00066-9 



Drawing Trees with Perfect Angular Resolution and Polynomial Area 



17 



[6] C. C. Cheng, C. A. Duncan, M. T. Goodrich, and S. G. Kobourov. Drawing planar graphs 

with circular arcs. Discrete Comput. Geom. 25(3):405-418, 2001, 

Idoi: 1 0. 1 007/s0045400 1 00801 
[7] M. Dickerson, D. Eppstein, M. T. Goodrich, and J. Meng. Confluent drawings: visualizing 

non-planar diagrams in a planar way. Proc. 11th Int. Symp. Graph Drawing (GD'03), 

pp. 1-12. Springer- Verlag, LNCS 2912, 2003, |arXiv:cs.CG/0212046l 
[8] C. A. Duncan, A. Efrat, S. G. Kobourov, and C. Wenk. Drawing with fat edges. Int. J. 

Found. Comput. Sci. 17(5): 1143-1 164, 2006, doi:10.1142/S0129054106004315| 
[9] C. A. Duncan, D. Eppstein, M. T. Goodrich, S. G. Kobourov, and M. Nollenburg. 

Lombardi drawings of graphs. Proc. 18th Int. Symp. on Graph Drawing (GD 2010). 

Springer- Verlag, to appear. 
[10] P. Eades. Drawing free trees. Bull. Inst. Combinatorics and Its Applications 5:10-36, 

1992. 

[11] B. Finkel and R. Tamassia. Curvilinear graph drawing using the force-directed method. 
Proc. 12th Int. Symp. Graph Drawing (GD'04), pp. 448-453. Springer- Verlag, LNCS 
3383, 2004. 

[12] A. Garg, M. T. Goodrich, and R. Tamassia. Planar upward tree drawings with optimal 

area. Int. J. Comput. Geom. Appl. 6(3):333-356, 1996, 

http: //www. cs .brown. edu/ cgc/papers/ggt-aoutd-96 .ps . gz 
[13] A. Garg and A. Rusu. Area-efficient order-preserving planar straight-line drawings of 

ordered trees. Int. J. Comput. Geom. Appl. 13(6):487-505, 2003, 

Idoi: 10. 1 142/S02 1 8 195903001 30X1 
[14] A. Garg and A. Rusu. Straight-line drawings of binary trees with linear area and arbitrary 

aspect ratio. J. Graph Algorithms Appl. 8(2): 135-160, 2004, 

http : // jgaa . inf o/accepted/2004/GargRusu2004 .8.2. pdf 
[15] S. Grivet, D. Auber, J. P. Domenger, and G. Melancon. Bubble tree drawing algorithm. 

Proc. Int. Conf. Computer Vision and Graphics, pp. 633-641. Springer- Verlag, 2004, 

|http : //www . labri . f r/publications /is/2004/GADM04 
[16] D. Harel and R. E. Tarjan. Fast algorithms for finding nearest common ancestors. SIAM J. 

Comput. 13(2):338-355, 1984, |doi:10.1137/0213024| 
[17] R. Hobbs and M. Lombardi. Mark Lombardi: Global Networks. Independent Curators 

International, New York, 2003. 
[18] C.-C. Lin and H.-C. Yen. On balloon drawings of rooted trees. J. Graph Algorithms Appl. 

11(2):43 1-452, 2007, |http : //jgaa . inf o/accepted/2007/LinYen2007 . 1 1 . 2 . pdf | 
[19] G. Melancon and I. Herman. Circular Drawings of Rooted Trees. Tech. Rep. INS-R9817, 

CWI Amsterdam, 1998. 
[20] E. M. Reingold and J. S. Tilford. Tidier drawings of trees. IEEE Trans. Software 

Engineering 7(2):223-228, 1981. 
[21] C.-S. Shin, S. K. Kim, and K.-Y. Chwa. Area-efficient algorithms for straight-line tree 

drawings. Computational Geometry 15(4): 175-202, 2000, 

|doi: 10. 1 1 6/S0925-772 1 (99)0005 3^3 
[22] J. Walker. A node-positioning algorithm for general trees. Software Practice and 

Experience 20(7):685-705, 1990, |doi:10.1002/spe.4380200705| 
[23] C. Wetherell and A. Shannon. Tidy drawings of trees. IEEE Trans. Software Engineering 

5(5):5 14-520, 1979. 



18 Duncan, Eppstein, Goodrich, Kobourov, and Nollenburg 




(a) The unmodified straight-line tree drawing (b) A space-optimized drawing that 

algorithm. Though the area is bounded it is not still maintains the stated guarantees, 

quite desirable. 

Fig. 13: A partial snapshot of a tree drawing. 



A Implementation Details 



Although theoretically interesting, tree drawings with perfect angular resolution are 
also of practical importance. To that end, we have implemented a basic version of our 
straight-line drawing algorithm. The algorithm, though polynomially bounded, from a 
practical viewpoint is still far from desirable. In particular, as Figure 13a illustrates, 
there is significant space left between sibling nodes as our algorithm essentially fo- 
cuses on providing a guaranteed bound. As Fig |13b| demonstrates, with some simple 
heuristical refinements, however, far better use of space can be achieved. 

We highlight three key improvements that we made to the algorithm that do not 
affect the overall layout and so still provide the same guaranteed bound as in the regular 
algorithm with additional quite simple improvements in space efficiency. 



- In the construction, only large nodes are placed on the outer region. The remaining 
small nodes are placed inside the inner annulus. There is no reason not to place 
further small nodes in the outer region as well. As a result, we continue with the 
greedy approach and repeatedly insert the next largest in the outer region, skip- 
ping the spoke associated with the heavy edge, until no more nodes fit. We fill the 
remaining spokes with the smaller children. We also note that in many cases, all 
children fit inside the outer region, as the largest light child nodes are often small 
enough to fit in one wedge region. Figure [l4]illustrates the improvement. 

- The radii for the light subtrees are increased to allow the disk to fit maximally 
within its wedge region. To ensure that the subtrees are still constrained initially to 
the primary layout algorithm, we defer the scaling of the nodes until after the layout 
has completed. This has the effect of using considerably more of the allocated space 
as demonstrated again by Figure [14] 
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Fig. 14: A partial snapshot of a tree drawing demonstrating filling the disk associated 
with the light subtree. 



The heavy path does not completely fill the disk associated with its head node. As 
a result, we also increase this radius as a constant factor after having laid out the 



main drawing, see Figure 15 



There were other improvements possible as well. One notable intentional omission 
was to use the heavy path breakdown for a subtree only if the entire subtree could 
not fit within the nodes' light-children radius. In many cases, the heavy path is 
small enough to still fit within this radius. We kept the path present to highlight the 
key feature in our algorithm that allows for the bounded area construction. The path 
itself could also be designed to use more of its underlying region, however, we do 
not see any easy way to do this effectively and avoid intersecting the path at a later 
point. Nonetheless, it is a promising area for space improvement. 
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(a) A portion of an unmodified straight-line (b) The same tree but with space-filling 

tree drawing of a caterpillar-like tree. optimization in place. 

Fig. 15: A partial snapshot demonstrating expanding the heavy path to fit outer disk. 




Fig. 16: Example illustrations. 



